<template>
  <view class="step-submit">
    <view class="sub-no padding-lr">维保编号：{{ props.appointid }}</view>
    <view class="car-info padding-lr border-btm">
      <image class="car-img" :src="props.carinfo?.images[0]" mode="aspectFit"></image>
      <view class="info-right">
        <view class="tit two-ellipsis">{{ props.carinfo?.name }} {{ props.carinfo?.car_title }}</view>
        <view class="addr">{{ props.shopinfo?.name }}</view>
        <view class="paizhao">{{ props.carinfo?.plate_number }}</view>
      </view>
    </view>

    <view class="sub-cell padding-lr">
      <view class="left">电话</view>
      <text>{{ props.params?.contactPerson }}</text>
    </view>
    <view class="sub-cell padding-lr border-btm padding-btm">
      <view class="left">预约时间</view>
      <view class="right">{{ props.params?.appointTime }}</view>
    </view>
    <view class="sub-cell padding-lr">
      <view class="left">维保门店</view>
    </view>
    <view class="shop-name padding-lr">{{ props.shopinfo?.name }}</view>
    <view class="shop-address padding-lr">
      <image class="icon" :src="getImageSrc('static/icons/icon-subtract.png')"></image>
      <text>{{ props.shopinfo?.address }}</text>
    </view>
    <view class="shop-address padding-lr">
      <image class="icon" :src="getImageSrc('static/icons/icon-vector.png')"></image>
      <text class="juli">{{ props.shopinfo?.distance }}km</text>
    </view>
  </view>
</template>

<script setup>
import { getImageSrc } from '@/path/until';
const props = defineProps({
  appointid: String,
  params: Object,
  carinfo: Object,
  shopinfo: Object,
})

</script>

<style lang="less" scoped>
@import url(./index.less);
</style>
